import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import {RouterModule, Routes} from '@angular/router';
import { MainPanelComponent } from './main-panel/main-panel.component';
import {FormsModule} from '@angular/forms';
import { LeftBarComponent } from './main-panel/left-bar/left-bar.component';
import { MidBarComponent } from './main-panel/mid-bar/mid-bar.component';
import { RightBarComponent } from './main-panel/right-bar/right-bar.component';

export const ROUTES: Routes = [
  {path: '', component: LoginComponent},
  {path: 'mainPanel', component: MainPanelComponent}
];

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    MainPanelComponent,
    LeftBarComponent,
    MidBarComponent,
    RightBarComponent
  ],
  imports: [
    BrowserModule,
    RouterModule,
    FormsModule,
    RouterModule.forRoot(ROUTES)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
